
/*---------------------------------------------菜单*/
.caidan{
    width: 100%;
    background-color: #ffffff;
    margin-top: 5px;
    padding: 2em 0.8em 0px;

    .emo{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;

        .emot{
            width: 25%;
            text-align: center;
            
            margin-bottom: 2em;
            a{
                cursor: pointer;
                transition: all linear 0.2s;
                border-radius: 20px;
                

                img{
                    width: 60%;
                    padding-top:4px;
                    margin-bottom: 1em;
                }
    
                span{
                    color: #262626;
                    font-size: 1em;
                    letter-spacing: 2px;
                }

                &:hover{
                    box-shadow: 0px 0px 5px 0px #cccccc;
                }
            }
            
            
        }
    }
}

/*---------------------------------------------广告*/
.gg{
    background-color: transparent;
    margin-top: 1em;
    width: 100%;
    

    .tu{
        width: 90%;
        margin: 0 auto;
        text-align: center;
        // background: url(../images/ad1.png) no-repeat center center;
    }
}

/*---------------------------------------------推荐*/
.tuijian{
    width: 90%;
    margin: 0.5em auto;
    padding-bottom: 5em;
    .titl{
        display: flex;
        justify-content: space-between;
        margin-bottom: 1em;

        span:first-child{
            font-size: 1.1em;
            font-weight: 900;
        }

        span:last-child{
            font-weight: 200;
            padding-right: 1.2em;
            font-size: 0.9em;
            position: relative;

            &::after,&::before{
                content: '';
                position: absolute;
                top: 22%;
                right: 0;
                display: inline-block;
                width: 0.5em;
                height: 0.5em;
                border-top: 1px solid #646161;
                border-bottom: 1px solid transparent;
                border-left: 1px solid transparent;
                border-right: 1px solid #646161;
                transform: rotate(45deg) skew(-5deg,-5deg);
            }
            &::before{
                right: 0.5em;
            }
        }

    }

    .emo{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 100%;
        

        .cot{
            width: 48%;
            margin-bottom: 15px;
            background-color: #ffffff;
            border-radius: 10px;
            overflow: hidden;

            .one{
                width: 100%;
                img{
                    width: 100%;
                }
            }

            .two{
                width: 90%;
                margin: 0 auto;
                position: relative;
                letter-spacing: 1px;
                padding-bottom: 22px;

                p{
                    font-size: 1em;
                    color: #646161;
                    margin-top: 8px;
                }

                h5{
                    margin: 4px;
                    color: #ff6518;
                }

                div{
                    position: absolute;
                    right: 0;
                    bottom: 10px;
                    color: #292929;
                    letter-spacing: 2px;

                    span{
                        letter-spacing: 0px;
                    }
                }
            }
            
        }
    }
}

